<template>
   <van-grid square column-num="5" :border="false">
    <van-grid-item
      v-for="item in menuArr"
      :key="item.id"
      :icon="item.icon"
      :text="item.text"
    />
</van-grid>
</template>

<script setup lang="ts">
    import {getMenuData} from "../../../data/menu"
    import { reactive } from "vue";
    import type {IMenu} from "../../../utils/type"
    let menuArr :Array<IMenu> =reactive<Array<IMenu>>([])

    menuArr.push(...getMenuData())
</script>       

<style scoped>

</style>